<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../css/Home_searchfor.css" rel="stylesheet" />
		<link href="../../../css/commod.css" rel="stylesheet" />
		<script src="../../../js/mui.min.js"></script>
		<style>

		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">
    	<input type="text" name="" id="" />
    	<a class="sousuo">搜索</a>
    </h1>

		</header>

		<div class="mui-content">
			<!--<ul id="uid">
				<li class="hevr">搜本地</li>
				<li>搜淘宝</li>
			</ul>-->
			<!--商品展示-->
			<!---->
			<div class="floor_cont">

				<div class="floor_cont_div">
					<div><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1063720054,4119285961&fm=27&gp=0.jpg" /></div>
					<div>火锅 </div>
					<div>购买量155</div>
					<div>25元</div>
				</div>
				<div class="floor_cont_div">
					<div><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1063720054,4119285961&fm=27&gp=0.jpg" /></div>
					<div>火锅 </div>
					<div>购买量155</div>
					<div>25元</div>
				</div>

			</div>
			<!--商品展示-->

		</div>
		<!--
        	描述下面引入了JQ，只为了测试
        -->
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
		<script type="text/javascript">
			mui.init()
			/*根据用户点击切换搜淘宝和搜本地li 的样式*/
			/*每次打开页面默认选择搜本地*/
//			$('#uid li').on('click', function() {
//				$('#uid li').removeClass('hevr');
//				$(this).addClass('hevr');
//			})
			/*结束*/
		</script>
	</body>

</html>